<template>
	<view id="app">
		<!-- 我的收藏 -->
		<view class="list area mt30 mlr30 mb30 pt10 plr25" v-for="(item,index) in list" :key="index" @click="toDetail(item)">
			<!-- 内容 -->
			<view class="mid df ais ptb20 bdb1se">
				<!-- 商品图片 -->
				<view class="proImg img180">
					<image :src="item.goodsData.images[0]" mode="aspectFill" lazy-load></image>
				</view>
				<!-- 商品信息 -->
				<view class="proInfo df dfc dfsa oh ml20 f1">
					<!-- 商品名称 -->
					<view class="title t2hd f32 c333 fwb">{{item.goodsData.name}}</view>
					<!-- 类型 -->
					<!-- <view class="type c666 f28">{{}}</view> -->
					<!-- 其他 -->
					<view class="other c333 f30">
						<text class="cff9646">￥{{item.goodsData.price}}</text>
					</view>
				</view>
			</view>
			<view class="botFn df dfr ptb20">
				<view class="btn prmary w200" @click.stop="collect(index)">取消收藏</view>
			</view>
		</view>
	</view>
</template>
<script>
	// 定义全局变量that
	var that;
	export default {
		// 页面变量
		data() {
			return {
				// 列表
				list: [],
			}
		},

		// 页面加载完成后
		onLoad() {
			that = this;
		},
		
		// 页面出现
		onShow() {
			// 获取列表
			that.getList();
		},

		// 方法集
		methods: {
			// 跳转详情
			toDetail(item){
				// 跳转页面
				uni.navigateTo({
					url: '/pages/task/details?id=' + item.goods_id,
				})
			},
			
			// 获取列表
			getList() {
				// 请求接口 
				that.request({
					url: '/api/user/action',
					// 上传数据
					data: {
						table: 'goods',
						action: 'collection',
					},
					// 调用成功
					success(rs) {
						// 返回成功
						if (rs.code == 1) {
							// 赋值列表
							that.list = rs.data;
						} else {
							//弹窗提示用户
							that.alert(rs.msg);
						}
					}
				})
			},

			// 收藏
			collect(index) {
				// 弹窗提示
				that.alert({
					value: '确认取消收藏该商品？',
					success(rs) {
						// 点击确定
						if (rs.confirm) {
							// 收藏
							that.util.collect({
								data: {
									id: that.list[index].goods_id,
									type: 'goods',
									action: 'collection',
								},
								success(res) {
									// 弹窗提示
									that.alert('操作成功');

									// 删除列表
									that.list.splice(index, 1);
								}
							})
						}
					}
				});
			},
		},
	};
</script>
<style></style>
